import React from 'react'
import {useNavigate} from 'react-router-dom'
import './index.css'
const Index:React.FC = () => {
const navigate=useNavigate()
const tozhuan=()=>{
  navigate('/zhuan')
}

  const zx=()=>{
    navigate('/register')
  }
  const zzzz=()=>{
    navigate('/expert')
  }
  return (
    <div>
       <div className='cc'>
            <div className='cc1' onClick={zx}>
                <img src="../src/assets/1_03.jpg" alt="" style={{ width: '50px', height: '50px' }} />
                <h3>去挂号</h3>
                <p>在家预约</p>
            </div>
            <div className='cc1' onClick={zzzz}>
               <img src="../src/assets/1_05.jpg" alt="" style={{ width: '50px', height: '50px' }} />
               <h3>问专家</h3>
                <p>线上门诊</p>
            </div>
            
            <div className='cc1' onClick={tozhuan}>
                <img src="../src/assets/1_07.jpg" alt="" style={{ width: '50px', height: '50px' }} />
                <h3>专科频道</h3>
                <p>特色专区</p>
            </div>
        </div>
    </div>
  )
}

export default Index
